#footer {
    flex-direction: column;

    >div.footer {
        width: 100%;
        background-color: #1F1F1F;

        >div.base-width {
            justify-content: space-around;
            margin-top: 100px;

            >img {
                width: 175px;
                height: 175px;
            }

            >div {
                flex-direction: column;

                >i {

                    margin: 20px 0;
                    width: 20px;
                    height: 3px;
                    background-image: url(../../asset/nav_line.gif);
                }

                >h2 {
                    color: white;
                }
            }

            >div:nth-child(2) {

                >div.nav {
                    flex-direction: column;

                    >a {
                        width: 100px;
                        line-height: 45px;
                       
                        font-size: 14px;
                        color: #b8b8b8
                    }
                }
            }

            >div:nth-child(3) {
                margin-bottom: 20px;
                >div{
                    height: 70px;
                    align-items: center; 
                     margin-bottom: 20px;
                    >img{
                        width: 40px;
                        height: 40px;
                       
                    }
                   >div{
                    margin-left: 10px;
                    color: #b8b8b8;
                    padding: 10px;
                    flex-direction: column;
                  
                    >span{
                        padding: 10px 0 10px 0;
                        font-size: 14px;
                    }
                    >b{
                        font-size: 26px;
                     
                    }
                    >p{
                        width: 200px;
                        font-weight: bold;
                     white-space: wrap;
                
                    }
                   }
                }
            }

            >div:nth-child(4) {

                >div {
                   
                    >div {
                        border: 1px solid #4D4D4D;
                        flex-direction: column;

                        >img {
                            width: 110px;
                            height: 100px;
                            margin: 10px;
                        }

                        >span {
                            color: #B8B8B8;
                            text-align: center;
                            padding-bottom: 30px;
                        }
                    }

                }
            }
        }
    }
    >div.bottom{
        width: 100%;
        >div:nth-child(1){
            width: 50%;
            line-height: 120px;
            color: #b8b8b8;
            background-color: #000;
            justify-content: center;

            >a{
                color: #b8b8b8;
                margin-left: 30px;
            }
        }
        >div:nth-child(2){
            width: 50%;
           height: 120px;
          
            >div{
                width: 100%;
                color: white;
            background-color: #FDD000;
            justify-content: center;
               line-height: 120px;
                align-items: center;
        
            }
           
        }
    }
}